$(function () {
    // 1. 点击登录按钮 √
    // 2. 获取用户输入的表单元素  √
    // 3. 进行简单的验证    √
    // 4. 发送ajax请求验证 通过验证 跳转到个人中心页面 ，如果没有通过验证，mui.toast(res.message) 
    $('.login').on('tap', function () {
        // 属性选择器获取表单的value值 val()
        var username = $('input[name="username"]').val()
        var password = $('input[name="password"]').val()

        if (!username) {
            mui.toast('请输入用户名')
            return
        }
        if (!password) {
            mui.toast('请输入密码')
            return
        }
        // 发送ajax请求 验证用户信息
        $.ajax({
            url: '/user/login',
            type: 'POST',
            data: {
                username: username,
                password: password
            },
            // 在发送请求之前执行的函数 beforeSend
            beforeSend: function () {
                $('.login').html('正在登陆中...')
            },
            success: function (res) {
                console.log(res)
                // 1. 登录成功
                if (res.success) {
                    mui.toast('登录成功')
                    $('.login').html('正在跳转中...')
                    setTimeout(function () {
                        location.href = 'user.html'
                    }, 1000);
                }
                // 2. 登录失败提示信息
                if (res.error) {
                    $('.login').html('登录')
                    mui.toast(res.message)
                }
            }
        })
    })
})